<script lang="ts" setup>
import { useDictLabel } from '@/hooks'

defineOptions({ name: 'CellParentInfo' })

defineProps<Props>()

// eslint-disable-next-line unused-imports/no-unused-vars
const emit = defineEmits(['click'])

interface Props {
  name?: string
  phone: string
  relation?: string
}
</script>

<template>
  <a-space fill>
    <span class="min-w-24px text-center text-size-xs text-gray-9">{{ useDictLabel('ParentRelation', relation) }}</span>
    <a-divider direction="vertical" :margin="0" />
    <a-typography-text copyable>
      {{ phone }}
    </a-typography-text>
  </a-space>
</template>

<style lang="less" scoped></style>
